@charset "UTF-8";
.email-form .topsigunp{height: 120px;}
$maincolor: #3399ff;
$fontsize:16px;
$fontfamily:'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif,'lucida grande','lucida sans unicode',lucida,helvetica;
*{font-family: 'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif,'lucida grande','lucida sans unicode',lucida,helvetica;}
body, html {margin:0;font-size:14px;}
li{ list-style-type: none}
ol,ul { padding: 0; margin:0}
button[disabled]{ opacity: 0.6 !important;cursor: not-allowed !important;}
@font-face {font-family: 'iconfont'; src: url('/images/ico/iconfont.eot'); src: url('/images/ico/iconfont.eot?#iefix') format('embedded-opentype'), url('/images/ico/iconfont.woff') format('woff'), url('/images/ico/iconfont.ttf') format('truetype'), url('/images/ico/iconfont.svg#iconfont') format('svg'); }
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
input.form-control, textarea.form-control {line-height: 20px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 3px; } 
input[required]+label:before {content:'*';color:red;margin-right:5px;}
input,textarea{outline: none;}
input:focus,.textarea:focus{outline-color:$maincolor !important;border:1px solid $maincolor}

.form-unit input[type=text], .form-unit input[type=number], .form-unit input[type=tel], .form-unit input[type=email], input[type=password] {height: auto; width: 100%; margin-bottom: 14px; padding: 11px 14px; font-size: 16px; line-height: 22px; -webkit-appearance: none;width:320px\9 }
.content{padding: 0 10px;}
.errormsg{color:#fd5555;padding: 8px 12px; line-height:30px; border-radius:3px; text-align:center;background:#fddddd;margin-bottom:14px;}

/*注册*/
.form-unit{
	width: 100%; margin: 0 auto;max-width: 350px;
	.topsigunp{ text-align: center; height:100px;margin-top: 90px;}
	.form_title{color:#666;font-size:20px; text-align:center;font-family:$fontfamily;line-height:70px;}
	.form-control { padding: 11px 14px; color: #383838; -webkit-box-shadow: none; box-shadow: none;line-height:22px }
	.btn {margin-bottom: 24px; padding: 12px; line-height: 20px; font-size: $fontsize ; width: 100%; display: inline-block; outline: 0; border: none; border-radius: 3px;transition:all 0.3s ease 0s; } 
	.form-field { position: relative; height: 60px;;}
	.form_btn{background: $maincolor;color: #fff;  position: relative; cursor:pointer;transition:all 0.3s ease 0s;}
	.info-field{text-align: center;color: #A6A6A6;margin: 0 -1px;font-size:14px;}
	.info-field a {color: #03a9f4; cursor:pointer}
	.form_btn:hover { opacity: 0.9;transition:all 0.3s ease 0s;}

}
.verify_form{.form_btn{margin-top:14px !important;}}
/*手机注册*/
.create-bind-form {
	.topsigunp {height: 120px;}
	.timer {cursor: pointer;color: #666;text-align: center;position: absolute;top: 1px;right: 1px;height: 44px;background: #f6f6f6;line-height: 44px;padding: 0 15px;border-width: 0 0 0 1px;border-color: #dddddd;}
	.timer.resend {cursor: pointer;color: #03a9f4;}
	.privacy-field ,.privacy-field a{text-align: left;margin-top: -10px;color: grey; text-decoration: none;}
	.privacy-field a:hover{ text-decoration:underline}
	.backlogin{ text-decoration:none;color:$maincolor;}
	.privacy-field{margin-bottom:25px;}
	.timerwc .timerdjs{display:none}
	.timerwc{ cursor:pointer}
	.column-left{position: absolute;left: 0;width: 51px;height: 46px;line-height: 46px; z-index:99;text-align: center;}
	.form-control.phone{position: absolute;padding-left: 50px;top:0;left:0}
	.phone{width:280px\9 !important}
	:root .phone{width:280px\9 !important}
}
/*邮箱注册*/
.email-form {
	.topsigunp {}
	.timer {cursor: pointer;color: #ccc;text-align: center;position: absolute;top: 12px;right: 15px;}
	.timer.resend {cursor: pointer;color: #03a9f4;}
	.privacy-field ,.privacy-field a{text-align: left;margin-top: -10px;color: grey; text-decoration: none;}
	.privacy-field a:hover{ text-decoration:underline}
	.backlogin{ text-decoration:none;color:$maincolor;}
	}
.email-form-activation{

.form_title{line-height: 32px;margin-bottom: 35px;font-size:16px;}
	.form_title_yx{font-size:18px;}
}
/*注册成功*/
.login-was-successful{
	.login-successful-img{text-align:center;}
	.login-successful-img i{font-size:60px;color:#3b9b3e;}
	.form_title{line-height: 30px;margin-bottom: 35px;font-size: 16px;}
	.form_title_yx{font-size:18px;}
	.form-field{height:auto}
}
.login{
	
	.info-zhuce{color:$maincolor;cursor:pointer; position:absolute;top:0;right:0}
	.info-wjmm{color:$maincolor;cursor:pointer}
	.dsfbd_title{color:#666;line-height:30px;border-bottom:1px solid #ddd;margin-top:30px;font-size:$fontsize;text-align:center;padding-bottom:15px}
	.dsfdlfs>div>div{border:1px solid #ddd;border-radius:3px;overflow:hidden;margin-bottom:10px; cursor:pointer}
	// .dsfdlfs>div:nth-child(1):hover>div{ background:#3b9b3e; transition:all 0.3s ease 0s;border:1px solid #3b9b3e}
	// .dsfdlfs>div:nth-child(2):hover>div{ background:#0095f0; transition:all 0.3s ease 0s;border:1px solid #0095f0}
	// .dsfdlfs>div:nth-child(3):hover>div{ background:#e31528; transition:all 0.3s ease 0s;border:1px solid #e31528}
	// .dsfdlfs>div:nth-child(4):hover>div{ background:#1d8cf1; transition:all 0.3s ease 0s;border:1px solid #1d8cf1}
	// .dsfdlfs>div:nth-child(1) i{ color:#3b9b3e; transition:all 0.3s ease 0s;}
	// .dsfdlfs>div:nth-child(2) i{ color:#0095f0; transition:all 0.3s ease 0s;}
	// .dsfdlfs>div:nth-child(3) i{ color:#e31528; transition:all 0.3s ease 0s;}
	// .dsfdlfs>div:nth-child(4) i{ color:#1d8cf1; transition:all 0.3s ease 0s;}
	// .dsfdlfs>div:hover i{color:#fff; transition:all 0.3s ease 0s;}
	.dsfdlfs>div i{color:#999}
	.dsfdlfs{-moz-column-count:4;-webkit-column-count:4;column-count:4;margin-top:15px;text-align:center;color:#666;font-size:$fontsize;}
	.dsfdlfs>div{ width: 22%\9;float: left\9;    margin-right: 4%\9;/*ie6*/}  
	:root .dsfdlfs>div {width: 22%\9;    float: left\9;    margin-right: 4%\9;  }  /*ie9*/
	.dsfdlfs>div:nth-child(4){margin-right:0\9;}
	:root.dsfdlfs>div:nth-child(4){margin-right:0\9;}
	.dsfdlfs>div i{font-size:26px;line-height:70px;}	
	
	.Verify_codeImag{ position:absolute;top:1;right:50px;padding:8px 10px; background:#eeeeee;cursor:pointer;width:100px;height:44px;    box-sizing: border-box;}
	.Verify_codeImag img{max-width:100%}
	.Verify_codetext{position: absolute;right: 5;top: 0;line-height: 46px; cursor:pointer;color:$maincolor}
}
// .login5{
// 	.errormsg{display:block}
// 	.errormsgcwfc{display:block}
// 	.errormsgcwtc{display:none}
// }
// .login10{
// 	.errormsg{display:block}
// 	.errormsgcwfc{display:none}
// 	.errormsgcwtc{display:block}
// }
/* 找回密码 */
.Modify_password{
	.topsigunp {height: 120px;}
	.info-zhuce{color:$maincolor;cursor:pointer; position:absolute;top:0;right:0}
	.info-wjmm{color:$maincolor;cursor:pointer}
}
/*手机号找回*/
.phone_Modify_password{
	.form_title{line-height: 32px;margin-bottom: 35px;font-size:16px;}
	.timer {cursor: pointer;color: #666;text-align: center;position: absolute;top: 1px;right: 1px;height: 44px;background: #f6f6f6;line-height: 44px;padding: 0 15px;border-width: 0 0 0 1px;border-color: #dddddd;}
	.timer.resend {cursor: pointer;color: #03a9f4;}
	.form_title_phone{font-size:18px;}
	.timerwc .timerdjs{display:none}
	.timerwc{ cursor:pointer;}
}
/*邮箱找回*/
.email_Modify_password{
	.form_title{line-height: 32px;margin-bottom: 35px;font-size:16px;}
	.form_title_yx{font-size:18px;}
}
.new_password{
	input{margin-bottom:14px !important;}
}

@media (max-width: 580px){
body, html {width: 100%; overflow-x: hidden;} 
.content{padding: 0 20px;}
.form-unit { box-shadow: none; background: 0 0;}
.form-unit .topsigunp{margin-top:30px;}

.login5,.login10 {
	#yzm{width:44%}
	.Verify_codeImag{right:50px;}
}

.login .dsfbd_title{margin-top:15px;}
}
@media (max-width: 320px){
	.login .dsfdlfs{font-size:14px;}
}